Wikids. Reference

Edit 0 94 …

Reference

This section contains the instructions and data required to create a Wikids-style wiki that can easily integrate with other existing Wikids content.

It is easiest to open a new tab in which to create your wiki, and refer back to these reference pages to prepare it.

You may find it useful to print this page for reference, and for checking off each task.

Templates


In your new wiki window, go to 'Manage Wiki', 'Templates'.

You will be preparing a series of templates. The names are given below.

For each template, in your new wiki window, fill in the name, click on 'Create Template', and select 'Wikitext Editor' from the drop-down menu which is next to the 'Save' control.

Come back to this window, and click on the 'source' link for the appropriate template.

Copy the source, go back to your new wiki window, and paste the source into the edit box and save.

Close the souce window and go on to create the next template.


Template 1

Create a template with the following name in your wiki. In 'Wikitext Editor' mode, paste the source from the link given.
Name: Begin sequence with a more link
Source

Template 2

Create a template with the following name in your wiki. In 'Wikitext Editor' mode, paste the source from the link given.
Name: Begin sequence without a more link
Source

Template 3

Create a template with the following name in your wiki. In 'Wikitext Editor' mode, paste the source from the link given.
Name: Mid sequence with a more link
Source

Template 4

Create a template with the following name in your wiki. In 'Wikitext Editor' mode, paste the source from the link given.
Name: Mid sequence without a more link
Source

Template 5

Create a template with the following name in your wiki. In 'Wikitext Editor' mode, paste the source from the link given.
Name: Single page with a more link
Source

Template 6

Create a template with the following name in your wiki. In 'Wikitext Editor' mode, paste the source from the link given.
Name: Single page without a more link
Source

Template 7

Create a template with the following name in your wiki. In 'Wikitext Editor' mode, paste the source from the link given.
Name: Terminate sequence with a more link
Source

Template 8

Create a template with the following name in your wiki. In 'Wikitext Editor' mode, paste the source from the link given.
Name: Terminate sequence without a more link
Source

Tips on using the navigation templates.


If you are unsure about how the structure of your topic is going to end up, and unsure about which templates to use, note that it is easy to change the navigation controls.

You can give any new page the 'Mid sequence with a more link' navigation controls (which produces all of them) by creating it with that template, and then change the controls as necessary.

To turn a link off for a navigation control, just click on the control in 'Visual Editor' mode and click on Link 'Remove'.

Controls with no link should be greyed. Switch to 'Wikitext Editor' mode and change the image file. Change 'next.jpg' to 'next_grey'.jpg, 'more.jpg' to 'more_grey.jpg', or 'back.jpg' to 'back_grey.jpg', as required.

Re-enabling a control is simply the reverse process. In 'Wikitext Editor' mode, change the filename back to 'next.jpg', 'more.jpg' or 'back.jpg' as appropriate, and provide the required page links in 'Visual Editor' mode. To add the required link, click on the control image, then on 'Add link'. In the 'Insert Link' dialog box, It is important to select the correct window open mode, according to the control being enabled. 'Next' and 'Back' should not open new windows (or tabs). Leave 'New Window' unchecked. 'More' should open a new window or tab. Check 'New Window'.

Links


The 'Next' and 'Back' links are for paging through a topic that is too long to present on a single page. These controls do not open in new windows, but overwrite the content of the current window.

The 'More link' is intended for the presentation of more detail on any item that appears in the main topic pages, or to present it in greater depth. It can itself be a series of pages, and can itself have further 'More' links. More links must open in a new window or tab. Make sure the 'New Window' checkbox is checked in the 'Insert Link' dialog.

Other links, text or image links, may appear in your content. While the 'More' link is intended to go into the current topic in more detail, other links may switch to different topics. Like the 'More' links though, they must open in a new window or tab. In this way, the original context is always preserved.


Embedding pages


Suitable pages from external sources may be included in Wikids projects, retaining the simple navigation system of Wikids.

To include an external page, create a page using a Wikids template. In Visual Editor mode, add a widget, select 'Other HTML' and enter the following HTML
with the URL changed to point to the desired external page, and the desired dimensions.

<object data="http://www.google.com" width="1000" height="670"><embed src="http://www.google.com" width="1000" height="670" />
Error: Embedded Page could not be displayed.</object>
Here is an example of an webpage embedded in a Wikids WikiSpaces page.

Theme


Note: Custom themes are available for Plus and higher themes. For Plus for K-12 education, you must request an upgrade if you have created a standard free wiki.

Go to 'Manage Wiki', In 'Settings', click on 'Look and Feel'.

Click on 'Themes and Colors'.

In the 'Make a New Theme' section, enter a new theme name, starting from an empty theme. 'Wikids' is the suggested new theme name.

Click on 'Edit', paste in the code in the contents of the code below, and 'Save'.

Your new theme will now appear with the other themes in the 'Themes and Colors' page. Click on your new theme and then on 'Apply'.

Scrolling down, the name of your wiki will now be in the bottom-left of the page. Click on the wiki name to go to the home page of your wiki.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><$WikiTitle$></title>
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" href="/s/theme_common.css" type="text/css" />
<style type="text/css">
 
body { color: black; background-color: <$WikiBackgroundColor$>; font-family: arial,helvetica,sans-serif;
font-size: 83%; margin: 0 1.5em; min-width: 800px; padding: 0; }
#onebox { max-width: 1600px; margin: 0 auto; width: 100%; position: relative; }
#container { margin: 0; padding: 0; width: 100%; clear: both; }
#container .field { background-color: #FFF; }
.WikispacesContent { padding: 5px; }
#foot { margin-top: 5px; padding: 5px 0; font-size: 90%; text-align: center; line-height: 150%; clear: both; }
 
.WikiElement { color: <$WikiTextColor$>; }
.WikiElement img { padding: 0; vertical-align: top; border: 0; }
.WikiElement a { text-decoration: none; color: <$WikiLinkColor$>; }
.WikiElement a:hover { text-decoration: underline; }
.WikiLicense img { vertical-align: text-bottom; }
 
.menuWrapper { float: left; width: 99%; line-height: normal; font-family: arial; }
 
.rbMenu { background-color: <$WikiHighlightColor$>; margin: auto; }
.rbMenu .rbT div { background: url(/s/c.php/tl_10_<$WikiHighlightColorPlain$>_<$WikiBackgroundColorPlain$>.png) no-repeat top left; }
.rbMenu .rbT { background: url(/s/c.php/tr_10_<$WikiHighlightColorPlain$>_<$WikiBackgroundColorPlain$>.png) no-repeat top right; }
.rbMenu .rbB div { background: url(/s/c.php/bl_10_<$WikiHighlightColorPlain$>_<$WikiBackgroundColorPlain$>.png) no-repeat bottom left; }
.rbMenu .rbB { background: url(/s/c.php/br_10_<$WikiHighlightColorPlain$>_<$WikiBackgroundColorPlain$>.png) no-repeat bottom right; }
.rbMenu .rbT div, .rbMenu .rbT, .rbMenu .rbB div, .rbMenu .rbB { width: 100%; height: 10px; font-size: 1px; }
.rbMenu .rbC { margin: 0 auto; text-align: center; }
 
.rbMain { background-color: #FFF; margin: auto; }
.rbMain .rbT div { background: url(/s/c.php/tl_10_FFFFFF_<$WikiBackgroundColorPlain$>.png) no-repeat top left; }
.rbMain .rbT { background: url(/s/c.php/tr_10_FFFFFF_<$WikiBackgroundColorPlain$>.png) no-repeat top right; }
.rbMain .rbB div { background: url(/s/c.php/bl_10_FFFFFF_<$WikiBackgroundColorPlain$>.png) no-repeat bottom left; }
.rbMain .rbB { background: url(/s/c.php/br_10_FFFFFF_<$WikiBackgroundColorPlain$>.png) no-repeat bottom right; }
.rbMain .rbT div, .rbMain .rbT, .rbMain .rbB div, .rbMain .rbB { width: 100%; height: 10px; font-size: 1px; }
.rbMain .rbC { margin: 0 10px; }
 
.WikiActions { padding: 0; margin: 0; }
.WikiActions li { padding: 1px; margin-right: 2em; list-style-type: none; display: inline; white-space: nowrap; }
.WikiActions a img { margin-right: 6px; border: 0; text-decoration: none; vertical-align: top; }
 
.WikiSearch { padding: 4px 8px 0 8px; position: absolute; top: 2em; right: 0; }
.WikiPageMenuEntries { padding-bottom: 1px; }
 
</style>
</head>
<body>
 
<!div id="onebox">
 
<!div style="float: left;"><!$WikiLogoOrSpaceName$><!/div>
<!$WikiSearch$>
<!$WikiHeaderNav$>
 
<div style="clear: both;"></div>
 
 
<div class="menuWrapper">
<!$WikiPageMenuStar$>
<$WikiPageMenuPermissionIcon$>
<$WikiPageMenuTitle$>
<$WikiPageMenuEntries$>
<$WikiPageMenuEditButton$>
</div>
 
<!-- main content area -->
<div class="rbMain" style="width: 100%; clear: both;"><div class="rbT"><div></div></div><div class="rbC">
<table cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td>
<$WikiContent$>
</td></tr></table>
</div><div class="rbB"><div></div></div></div>
<!-- /main content area -->
 
<br style="clear: both; " />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class="rbMenu" style="width: 100%;"><div class="rbT"><div></div></div><div class="rbC">
<$WikiActions$>
</div><div class="rbB"><div></div></div></div>
 
<div id="foot">
<div id="onebox">
<div style="float: left;"><$WikiLogoOrSpaceName$></div>
<$WikiHeaderNav$>
<br /><br />
<$WikiNotices$>
<$WikiFooterNav$>
<$WikiLicense$>
</div>
 
</div> <!-- /onebox -->
 
</body>
</html>


CSI


Note: Custom CSI is available for Plus and higher themes. For Plus for K-12 education, you must request an upgrade if you have created a standard free wiki.

To change the default font, go to 'Manage Wiki'. In 'Settings', go to 'Look and Feel'.

In 'Wiki stylesheet', go to 'Edit your wiki stylesheet'.

Replace the first line with the one below, and save.
.wiki { line-height: 1.5; font-family: "Comic Sans MS", helvetica, sans-serif; font-size: 15px; }